<template>
  <div>
    <Bluetable :t-head="ordersdataHead" :t-data="ordersdata" />
    <pagination :total="query.total" :page.sync="query.page" :limit.sync="query.limit" />
  </div>
</template>

<script>
export default {
  name: 'OrdersDataTable',
  props: {
    ordersData: {
      type: Array,
      default: null
    }
  },
  watch: {
    ordersData: function(val, oldVal) {
      console.log('new: %s, old: %s', val, oldVal)
    }
  },
  data() {
    return {
      query: {
        total: 100,
        page: 1,
        limit: 10
      },
      ordersdata: this.ordersData,
      ordersdataHead: [
        {
          prop: 'date',
          label: '组'
        }, {
          prop: 'date',
          label: '医嘱类型'
        }, {
          prop: 'OrderName',
          label: '医嘱名称'
        }, {
          prop: 'DrugForm',
          label: '剂型'
        }, {
          prop: 'DrugSpec',
          label: '规格'
        }, {
          prop: 'RouteName',
          label: '给药途径'
        }, {
          prop: 'SingleDose',
          label: '量/次'
        }, {
          prop: 'DoseUnit',
          label: '给药单位'
        }, {
          prop: 'Freq',
          label: '次/日'
        }, {
          prop: 'Cost',
          label: '费用'
        }, {
          prop: 'DoctorName',
          label: '开嘱医生'
        }, {
          prop: 'date',
          label: '开嘱时间'
        }, {
          prop: 'PurPose',
          label: '用药目的'
        }, {
          prop: 'date',
          label: '调配药师'
        }, {
          prop: 'date',
          label: '发药药师'
        }, {
          prop: 'date',
          label: '补充用法'
        }
      ]
    }
  },
  methods: {
    getList() {
      console.log(1)
    }
  }
}
</script>

<style>
</style>
